<template>
  <a-layout>
    <!-- 页面头部-->
    <app-header/>
    <!--动态展示区域-->
    <router-view/>
    <!--页面底部-->
    <app-footer/>
  </a-layout>


</template>

<script lang="ts" setup>
import {ref} from 'vue';
//导入组件
import AppHeader from './components/AppHeater.vue';
import AppFooter from './components/AppFooter.vue';

const selectedKeys1 = ref<string[]>(['1']);
</script>

<style scoped>
#components-layout-demo-top-side-2 .logo {
  float: left;
  width: 120px;
  height: 31px;
  margin: 16px 24px 16px 0;
  background: rgba(255, 255, 255, 0.3);
}

.ant-row-rtl #components-layout-demo-top-side-2 .logo {
  float: right;
  margin: 16px 0 16px 24px;
}

.site-layout-background {
  background: #fff;
}
</style>

